#Web Components
#Web Components

Web design

Responsive Video Works Now. These Features Could Make It Work Better. | Scott Jehl, Web Designer/Developer

Responsive video lacks features like responsive poster images and post-pageload responsiveness. [ more ]

Stateofhtml

JavaScript

State of HTML 2023

HTML is evolving beyond basic tags like <div> and <h>, covering accessibility, web components, and more. [ more ]

Stateofhtml

JavaScript

State of HTML 2023

HTML is evolving beyond just basic tags like <div> and <h>. The State of HTML survey covers accessibility, web components, and more. [ more ]

Mux

JavaScript

Facebook just updated its relationship status with web components | Mux

React 19 (beta) now has full support for web components, a significant development for those interested in this technology. [ more ]

DEV Community

JavaScript

SPA-Like Navigation Preserving Web Component State

Implement Diff DOM Streaming in web browsing using VanillaJS and Bun for state retention in web components. [ more ]

LogRocket Blog

JavaScript

Web Components adoption guide: Overview, examples, and alternatives - LogRocket Blog

Web Components allow developers to create reusable custom elements using modern web standards. [ more ]

Scottjehl

Web design

Responsive Video Works Now. These Features Could Make It Work Better. | Scott Jehl, Web Designer/Developer

Responsive video lacks features like responsive poster images and post-pageload responsiveness. [ more ]

Stateofhtml

JavaScript

State of HTML 2023

HTML is evolving beyond basic tags like <div> and <h>, covering accessibility, web components, and more. [ more ]

Stateofhtml

JavaScript

State of HTML 2023

HTML is evolving beyond just basic tags like <div> and <h>. The State of HTML survey covers accessibility, web components, and more. [ more ]

Mux

JavaScript

Facebook just updated its relationship status with web components | Mux

React 19 (beta) now has full support for web components, a significant development for those interested in this technology. [ more ]

DEV Community

JavaScript

SPA-Like Navigation Preserving Web Component State

Implement Diff DOM Streaming in web browsing using VanillaJS and Bun for state retention in web components. [ more ]

LogRocket Blog

JavaScript

Web Components adoption guide: Overview, examples, and alternatives - LogRocket Blog

Web Components allow developers to create reusable custom elements using modern web standards. [ more ]

moreweb-components

Rubyflow

Ruby on Rails

Glimmer DSL for Web Ruby Integration with JavaScript Libraries

Glimmer DSL for Web offers Rubyists a productive and intuitive Frontend framework. [ more ]

The New Stack

4 months ago

React

Introduction to Web Components and How to Start Using Them

Web components provide a way to create reusable and customizable UI elements.

Defining your own web components allows you to bring consistency and efficiency to your organization's component library. [ more ]

Raymondcamden

6 months ago

Web design

An Image Dialog Web Component

Web components can enhance regular HTML in the DOM instead of replacing it with the Shadow DOM.

The web platform has a 'dialog' tag that can be used to build web components for displaying images in a thumbnail and detail view. [ more ]

Gomakethings

Web design

The elevator pitch for Web Components

Web Components provide scoping and instantiation for free.

Web Components have built-in methods for detecting changes and attributes on elements.

Options and configurations for Web Components are declarative in HTML, making them easier to author and use. [ more ]

Zach Leatherman

JavaScript

An Attempted Taxonomy of Web Components-zachleat.com

Building web components is an evolving process that often involves refactoring older components.

HTML web components can be categorized into three types: those that enhance interactivity, those that augment nested HTML, and those that dynamically customize HTML for specific user agents. [ more ]

#web components

Aaadaaam

JavaScript

Step into the light (DOM) | Adam Stoddard

Custom elements in web components can be used without the complexity of shadow DOM and templates.

Custom elements provide the ability to manage themselves and enforce good JavaScript patterns.

Custom elements enable progressive enhancement by wrapping standard interactive elements. [ more ]

Jim-nielsen

JavaScript

HTML Web Components

Web components have their own design principles and functionality that differ from React components.

Web components prioritize enhancement over replacement and favor composability.

Web components can render before JavaScript, unlike React components. [ more ]

Aaadaaam

JavaScript

Step into the light (DOM) | Adam Stoddard

Custom elements in web components can be used without the complexity of shadow DOM and templates.

Custom elements provide the ability to manage themselves and enforce good JavaScript patterns.

Custom elements enable progressive enhancement by wrapping standard interactive elements. [ more ]

Jim-nielsen